<template>
	<view class="adcard">
		<view class="title" v-if="title">
			<text>{{title}}</text>
		</view>
		<image class="card" src="http://gips2.baidu.com/it/u=195724436,3554684702&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960" mode="scaleToFill"></image>
	</view>
</template>

<script setup>
import {ref} from "vue";
const props=defineProps({
	title:{
		type:String,
		reqiured:false,
		default:"",
	}
});
</script>

<style lang="less" scoped>
.adcard{
	width: 616rpx;
	margin: 0 auto;
	.title{
		font-family: PingFangSC, PingFang SC;
		font-weight: 600;
		font-size: 56rpx;
		color: #000000;
		letter-spacing: 4rpx;
		text-align: center;
	}
	.card{
		width: 100%;
		height: 305rpx;
		border-radius: 14rpx;
		margin-top: 18rpx;
	}
}
</style>